<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>三行二列模式布局</title> </head> <style>     #header{width:100%;height:120px;background:#99ff00;}     #main{width:100%;height:400px;background:#99ff99;}     #left{width:30%;height:100%;float:left;background:#999999;}     #right{width:70%;height:100%;float:left;background:#553344;}     #footer{clear:both;width:100%;height:80px;background:#66ff66;} </style> <body>  <div id="header" class="">header</div>	<div id="main" class="">	   <div id="left" class="">left</div>	   <div id="right" class="">right</div>	</div>	<div id="footer" class="">footer</div>	<hr>		<p> <script>document.write(document.lastModified);</script>  <a href="index.html">返回本章目录</a></p> </body></html>